<template>
  <div style="display: flex;">
    <ImgShow
      v-for="(item, index) in srcs"
      :key="index"
      :src="item"
      :img-style="{
        width: '60px',
        height: '60px'
      }"
    />
  </div>
</template>

<script setup>
// import ImgShow from '../img-show/index.vue'
const props = defineProps({
  src: {
    type: String,
    default: ''
  }
})
// 图片地址
const srcs = ref([])

watch(
  () => props.src,
  (path) => {
    srcs.value = path ? path.split(',') : []
  },
  {
    immediate: true
  }
)
</script>
